SherbyNet - /page/wikibook/entry.mu

Micron Document

<!DOCTYPE html>

<title>JQuery UI</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading">jQuery UI</h1>

</header>

</div>

/* start https://fr.wikipedia.org/ */

.mw-parser-output .entete.informatique{background-image:url("./_mw_/Picto.nfo.png")}

/* end https://fr.wikipedia.org/ */

</style>

<div>JQuery UI</div>

</div>

</div>

<table><caption style="color:#000000;">Informations</caption>

<th scope="row"><a href="D%C3%A9veloppeur" title="Développeur">Développé par</a></th>

<td>

<ul><li>Paul Bakaus</li>

<li>Scott González</li>

<li>Jörn Zaefferer</li>

<li>Felix Nagel</li>

<li>Mike Sherov</li>

<li>Rafael Xavier de Souza<a href="#cite_note-1">[1]</a></li></ul></td>

</tr>

<tr>

<th scope="row"> <a href="Version_d'un_logiciel" title="Version d'un logiciel">Première version</a>

</th>

<td>

<time class="nowrap" datetime="2007-09-17" data-sort-value="2007-09-17">17 septembre 2007</time></td>

</tr>

<tr>

<th scope="row"> <a href="Version_d'un_logiciel" title="Version d'un logiciel">Dernière version</a>

</th>

<td>

1.14.1 (<time class="nowrap" datetime="2024-10-30" data-sort-value="2024-10-30">30 octobre 2024</time>)<a href="#cite_note-wikidata-8332eae2f8d49756e8ca9d226021da54b5fd7815-2">[2]</a>,<a href="#cite_note-wikidata-ff261117c646d6e7112c6ba03e58c2a1b041061d-3">[3]</a>,<a href="#cite_note-wikidata-aabb94b30b2934793c0e4d8f6b71a67f7c135a5bQ116058944-4">[4]</a>,<a href="#cite_note-wikidata-905e44f6f3aa51de56a5ab5f9a231f0647e8bdcc-5">[5]</a></td>

</tr>

<tr>

<th scope="row"> <a href="Version_d'un_logiciel" title="Version d'un logiciel">Version avancée</a>

</th>

<td>

1.14.0-beta.2 (<time class="nowrap" datetime="2024-06-14" data-sort-value="2024-06-14">14 juin 2024</time>)<a href="#cite_note-wikidata-0f28115ded71bacdd70087ee17bcda5c18657349-6">[6]</a></td>

</tr>

<tr>

<th scope="row"><a href="D%C3%A9p%C3%B4t_(informatique)" title="Dépôt (informatique)">Dépôt</a></th>

<td>

<a rel="nofollow" class="external text" href="https://github.com/jquery/jquery-ui">github.com/jquery/jquery-ui</a></td>

</tr>

<tr>

<th scope="row"> État du projet

</th>

<td>

Actif</td>

</tr>

<tr>

<th scope="row"> <a href="Langage_de_programmation" title="Langage de programmation">Écrit en</a>

</th>

<td>

<a href="JavaScript" title="JavaScript">JavaScript</a></td>

</tr>

<tr>

<th scope="row"><a href="Syst%C3%A8me_d'exploitation" title="Système d'exploitation">Système d'exploitation</a></th>

<td>

Multiplateforme (<a href="https://www.wikidata.org/wiki/Q174666" class="extiw external" title="d:Q174666">d</a>)</td>

</tr>

<tr>

<th scope="row"> Type

</th>

<td>

<a href="Plugin" title="Plugin">Plugin</a></td>

</tr>

<tr>

<th scope="row"><a href="Licence_de_logiciel" title="Licence de logiciel">Licence</a></th>

<td>

<a href="MIT_License" class="mw-redirect" title="MIT License">MIT License</a><a href="#cite_note-license-7">[7]</a></td>

</tr>

<tr>

<td>

<a rel="nofollow" class="external text" href="http://jqueryui.com/">jqueryui.com</a></td>

</tr>

</tbody></table>

</div>

jQuery UI est une collection de <a href="Composant_d'interface_graphique" title="Composant d'interface graphique">widgets</a>, effets visuels et <a href="Th%C3%A8me_(informatique)" title="Thème (informatique)">thèmes</a> implémentés avec <a href="JQuery" title="JQuery">jQuery</a>, des <a href="Feuilles_de_style_en_cascade" title="Feuilles de style en cascade">feuilles de style en cascade</a>, et du <a href="HTML" class="mw-redirect" title="HTML">HTML</a><a href="#cite_note-8">[8]</a>.

Selon Libscore, un service d'analyses <a href="JavaScript" title="JavaScript">JavaScript</a>, jQuery UI est utilisé sur plus de 197 000 sites dans le premier million, ce qui en fait la bibliothèque JavaScript la plus populaire<a href="#cite_note-9">[9]</a>. Parmi ses utilisateurs les plus notables, on trouve <a href="Pinterest" title="Pinterest">Pinterest</a>, <a href="PayPal" title="PayPal">PayPal</a>, <a href="Internet_Movie_Database" title="Internet Movie Database">IMDb</a>, <a href="The_Huffington_Post" class="mw-redirect" title="The Huffington Post">The Huffington Post</a>, et <a href="Netflix" title="Netflix">Netflix</a><a href="#cite_note-10">[10]</a>.

<div class="mw-heading mw-heading2"><h2 id="Fonctionnalités">Fonctionnalités</h2></div>

<div class="mw-heading mw-heading3"><h3 id="Interactions">Interactions</h3></div>

<a href="Glisser-d%C3%A9poser" title="Glisser-déposer">Glisser-déposer</a>, redimensionnement, sélection, et classement.

<div class="mw-heading mw-heading3"><h3 id="Widgets">Widgets</h3></div>

Tous les widgets jQuery UI sont thémables<a href="#cite_note-11">[11]</a>.

<ul><li>Accordion – container en accordéon.</li>

<li>Autocomplete – boite d’auto-complétion basée sur les entrées de l'utilisateur.</li>

<li>Button – apparence des boutons améliorée, transforme les boutons radio et cases à cocher en boutons poussoirs.</li>

<li>Datepicker – sélecteur de date avancé.</li>

<li>Dialog – boite de dialogue.</li>

<li>Menu – affichage d'un menu.</li>

<li>Progressbar – bar de progression animables.</li>

<li>Selectmenu – duplication d'un <a href="%C3%89l%C3%A9ment_HTML" title="Élément HTML">élément HTML</a>.</li>

<li>Slider – diapositive.</li>

<li>Spinner – <a href="Bouton_fl%C3%A9ch%C3%A9" title="Bouton fléché">bouton fléché</a>.</li>

<li>Tabs – onglet.</li>

<li>Tooltip – infobulle.</li></ul>

<div class="mw-heading mw-heading3"><h3 id="Effets">Effets</h3></div>

<ul><li>Color Animation – animation de la transition d'une couleur à une autre.</li>

<li>Toggle Class, Add Class, Remove Class, Switch Class – animation de la transition d'un style à une autre.</li>

<li>Effect – variété d'effets (apparition, diapositive, explosion, fondu, etc.)</li>

<li>Toggle – activation ou désactivation des effets.</li>

<li>Hide, Show - affichage ou masquage des effets.</li></ul>

<div class="mw-heading mw-heading3"><h3 id="Utilitaires">Utilitaires</h3></div>

<ul><li>Position – définit la position d'un élément relativement à un autre (alignement).</li>

<li>Widget Factory – création de plugins jQuery plugins sur la bases des widgets jQuery UI.</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Exemple">Exemple</h2></div>

// Rend l'élément de id "draggable" glissable

$(function () {

$("#draggable").draggable();

});

</script>

</pre></div>

<p>Drag me around</p>

</div>

</pre></div>

<div class="mw-heading mw-heading2"><h2 id="Historique">Historique</h2></div>

<th>Release date<a href="#cite_note-Changelog-12">[12]</a>

</th>

<th>Version number

</th>

<th><a href="JQuery" title="JQuery">jQuery</a> Dependency

</th>

<th>Additional notes

</th></tr>

<tr>

<td><time class="nowrap" datetime="2007-09-17" data-sort-value="2007-09-17">17 septembre 2007</time><a href="#cite_note-release-13">[13]</a>

</td>

<td>

</td>

<td>1.2.1+

</td>

<td>Version initiale<a href="#cite_note-release-13">[13]</a>

</td></tr>

<tr>

</td>

<td>1.5

</td>

<td>

</td>

<td>

</td></tr>

<tr>

<td><time class="nowrap" datetime="2009-04-16" data-sort-value="2009-04-16">16 avril 2009</time>

</td>

<td>1.6

</td>

<td>1.2.6+

</td>

<td>Compatibilité jQuery 1.2.6.

</td></tr>

<tr>

</td>

<td>1.7

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

</td>

<td>1.8

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td><time class="nowrap" datetime="2011-01-19" data-sort-value="2011-01-19">19 janvier 2011</time>

</td>

<td>1.8.9

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td><time class="nowrap" datetime="2011-02-22" data-sort-value="2011-02-22">22 février 2011</time>

</td>

<td>1.8.10

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

</td>

<td>1.8.11

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td><time class="nowrap" datetime="2011-04-13" data-sort-value="2011-04-13">13 avril 2011</time>

</td>

<td>1.8.12

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

</td>

<td>1.8.13

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

</td>

<td>1.8.14

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td><abbr class="abbr" title="Premier">1er</abbr> aout 2011

</td>

<td>1.8.15

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>15 aout 2011

</td>

<td>1.8.16

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td><time class="nowrap" datetime="2012-01-10" data-sort-value="2012-01-10">10 janvier 2012</time>

</td>

<td>1.8.17

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>Feb 20, 2012

</td>

<td>1.8.18

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>Apr 16, 2012

</td>

<td>1.8.19

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>Apr 30, 2012

</td>

<td>1.8.20

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>Jun 5, 2012

</td>

<td>1.8.21

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>Jul 24, 2012

</td>

<td>1.8.22

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>15 aout 2012

</td>

<td>1.8.23

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>Sep 28, 2012

</td>

<td>1.8.24

</td>

<td>1.3.2+

</td>

<td>

</td></tr>

<tr>

<td>Oct 8, 2012

</td>

<td>1.9.0

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Oct 25, 2012

</td>

<td>1.9.1

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Nov 23, 2012

</td>

<td>1.9.2

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Jan 17, 2013

</td>

<td>1.10.0

</td>

<td>1.6+

</td>

<td>Abandon du support pour IE6<a href="#cite_note-14">[14]</a>

</td></tr>

<tr>

<td>Feb 15, 2013

</td>

<td>1.10.1

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Mar 14, 2013

</td>

<td>1.10.2

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>May 3, 2013

</td>

<td>1.10.3

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Jan 17, 2014

</td>

<td>1.10.4

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Apr 25, 2014

</td>

<td>1.11.0-beta.1

</td>

<td>1.6+

</td>

<td>Abandon du support pour IE7<a href="#cite_note-15">[15]</a>

</td></tr>

<tr>

<td>May 23, 2014

</td>

<td>1.11.0-beta.2

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Jun 26, 2014

</td>

<td>1.11.0

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Aug 13, 2014

</td>

<td>1.11.1

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Oct 16, 2014

</td>

<td>1.11.2

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Feb 12, 2015

</td>

<td>1.11.3

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Mar 11, 2015

</td>

<td>1.11.4

</td>

<td>1.6+

</td>

<td>

</td></tr>

<tr>

<td>Jan 26, 2016

</td>

<td>1.12.0-beta.1

</td>

<td>1.7+

</td>

<td>Abandon du support pour IE8, IE9, IE10<a href="#cite_note-16">[16]</a>

</td></tr></tbody></table>

<div class="mw-heading mw-heading2"><h2 id="Notes_et_références">Notes et références</h2></div>

<li id="cite_note-1"><a href="#cite_ref-1">↑</a> « <a rel="nofollow" class="external text" href="http://jqueryui.com/about/#jquery-ui-team"><cite style="font-style:normal;">jQuery UI Team</cite></a> », sur jqueryui.com, The jQuery Foundation (consulté le <time class="nowrap" datetime="2016-02-05" data-sort-value="2016-02-05">5 février 2016</time>)

</li>

<li id="cite_note-wikidata-8332eae2f8d49756e8ca9d226021da54b5fd7815-2"><a href="#cite_ref-wikidata-8332eae2f8d49756e8ca9d226021da54b5fd7815_2-0">↑</a> « <a rel="nofollow" class="external text" href="https://blog.jqueryui.com/2024/10/jquery-ui-1-14-1-released/"><cite style="font-style:normal;">jQuery UI 1.14.1 released</cite></a> », <time class="nowrap" datetime="2024-10-30" data-sort-value="2024-10-30">30 octobre 2024</time> (consulté le <time class="nowrap" datetime="2024-11-05" data-sort-value="2024-11-05">5 novembre 2024</time>)

</li>

<li id="cite_note-wikidata-ff261117c646d6e7112c6ba03e58c2a1b041061d-3"><a href="#cite_ref-wikidata-ff261117c646d6e7112c6ba03e58c2a1b041061d_3-0">↑</a> « <a rel="nofollow" class="external text" href="https://github.com/jquery/jquery-ui/releases/tag/1.14.1"><cite style="font-style:normal;">jQuery UI 1.14.1 released</cite></a> », <time class="nowrap" datetime="2024-10-30" data-sort-value="2024-10-30">30 octobre 2024</time> (consulté le <time class="nowrap" datetime="2024-11-05" data-sort-value="2024-11-05">5 novembre 2024</time>)

</li>

<li id="cite_note-wikidata-aabb94b30b2934793c0e4d8f6b71a67f7c135a5bQ116058944-4"><a href="#cite_ref-wikidata-aabb94b30b2934793c0e4d8f6b71a67f7c135a5bQ116058944_4-0">↑</a> npmjs (base de données en ligne), consulté le <time class="nowrap date-lien" datetime="2024-11-05" data-sort-value="2024-11-05"><a href="5_novembre" title="5 novembre">5</a> <a href="Novembre_2024" title="Novembre 2024">novembre</a> <a href="2024" title="2024">2024</a></time>.

</li>

<li id="cite_note-wikidata-905e44f6f3aa51de56a5ab5f9a231f0647e8bdcc-5"><a href="#cite_ref-wikidata-905e44f6f3aa51de56a5ab5f9a231f0647e8bdcc_5-0">↑</a> « <a rel="nofollow" class="external text" href="https://releases.jquery.com/resources/cdn.json"><cite style="font-style:normal;">https://releases.jquery.com/resources/cdn.json</cite></a> » (consulté le <time class="nowrap" datetime="2024-11-05" data-sort-value="2024-11-05">5 novembre 2024</time>)

</li>

<li id="cite_note-wikidata-0f28115ded71bacdd70087ee17bcda5c18657349-6"><a href="#cite_ref-wikidata-0f28115ded71bacdd70087ee17bcda5c18657349_6-0">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> Michał Gołębiowski-Owczarek, « <a rel="nofollow" class="external text" href="https://blog.jqueryui.com/2024/06/jquery-ui-1-14-0-beta-2-released/"><cite style="font-style:normal;" lang="en">jQuery UI 1.14.0-beta.2 released</cite></a> », <time class="nowrap" datetime="2024-06-14" data-sort-value="2024-06-14">14 juin 2024</time> (consulté le <time class="nowrap" datetime="2024-06-15" data-sort-value="2024-06-15">15 juin 2024</time>)

</li>

<li id="cite_note-license-7"><a href="#cite_ref-license_7-0">↑</a> « <a rel="nofollow" class="external text" href="http://jquery.org/license/"><cite style="font-style:normal;">License</cite></a> », sur jQuery.com, The jQuery Foundation (consulté le <time class="nowrap" datetime="2014-06-12" data-sort-value="2014-06-12">12 juin 2014</time>)

</li>

<li id="cite_note-8"><a href="#cite_ref-8">↑</a> <abbr class="abbr indicateur-langue" title="Langue : anglais américain">(en-US)</abbr> Eric Sarrion, <cite class="italique" lang="en-us">JQuery UI</cite>, Sebastopol, <a href="O'Reilly_Media" title="O'Reilly Media">O'Reilly Media</a>, <time>2012</time>, 1–4 <abbr class="abbr" title="pages">p.</abbr> (<a href="International_Standard_Book_Number" title="International Standard Book Number">ISBN</a> 978-1-4493-1699-0, <a href="Online_Computer_Library_Center" title="Online Computer Library Center">OCLC</a> <a rel="nofollow" class="external text" href="https://worldcat.org/fr/title/768796881">768796881</a>, <a rel="nofollow" class="external text" href="https://books.google.com/books?id=Hwd7DKKdzAUC&printsec=frontcover">lire en ligne</a>)<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=JQuery+UI&rft.place=Sebastopol&rft.pub=O%27Reilly+Media&rft.aulast=Sarrion&rft.aufirst=Eric&rft.date=2012&rft.tpages=1%E2%80%934&rft.isbn=978-1-4493-1699-0&rft_id=info%3Aoclcnum%2F768796881&rfr_id=info%3Asid%2Ffr.wikipedia.org%3AJQuery+UI">

</li>

<li id="cite_note-9"><a href="#cite_ref-9">↑</a> « <a rel="nofollow" class="external text" href="http://libscore.com/#libs"><cite style="font-style:normal;">Libscore</cite></a> », sur libscore.com

</li>

<li id="cite_note-10"><a href="#cite_ref-10">↑</a> « <a rel="nofollow" class="external text" href="http://libscore.com/#$.ui"><cite style="font-style:normal;">Libscore</cite></a> », sur libscore.com

</li>

<li id="cite_note-11"><a href="#cite_ref-11">↑</a> « <a rel="nofollow" class="external text" href="http://jqueryui.com/themeroller"><cite style="font-style:normal;">jQuery UI: ThemeRoller</cite></a> », jQuery UI (consulté le <time class="nowrap" datetime="2016-02-05" data-sort-value="2016-02-05">5 février 2016</time>)

</li>

<li id="cite_note-Changelog-12"><a href="#cite_ref-Changelog_12-0">↑</a> « <a rel="nofollow" class="external text" href="http://jqueryui.com/docs/Changelog"><cite style="font-style:normal;">jQuery UI - Documentation: UIChangelog</cite></a> » (consulté le <time class="nowrap" datetime="2012-04-02" data-sort-value="2012-04-02">2 avril 2012</time>)

</li>

<li id="cite_note-release-13">John Resig, « <a rel="nofollow" class="external text" href="http://blog.jquery.com/2007/09/17/jquery-ui-interactions-and-widgets"><cite style="font-style:normal;">jQuery UI: Interactions and plug-ins</cite></a> », jQuery blog, <time class="nowrap" datetime="2007-09-17" data-sort-value="2007-09-17">17 septembre 2007</time> (consulté le <time class="nowrap" datetime="2012-08-12" data-sort-value="2012-08-12">12 août 2012</time>)

</li>

<li id="cite_note-14"><a href="#cite_ref-14">↑</a> <a rel="nofollow" class="external text" href="http://blog.jqueryui.com/2013/01/jquery-ui-1-10-0/">jQuery UI 1.10.0</a>, retrieved on Feb 15, 2013

</li>

<li id="cite_note-15"><a href="#cite_ref-15">↑</a> <a rel="nofollow" class="external text" href="http://blog.jqueryui.com/2014/04/jquery-ui-1-11-0-beta-1/">jQuery UI 1.11.0-beta.1</a>, retrieved on May 1, 2014

</li>

<li id="cite_note-16"><a href="#cite_ref-16">↑</a> <a rel="nofollow" class="external text" href="http://blog.jqueryui.com/2016/01/jquery-ui-1-12-0-beta-1/">jQuery UI 1.12.0-beta.1</a>, retrieved on Feb 5, 2016

</li>

</ol></div>

</div>

<ul><li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> Cet article est partiellement ou en totalité issu de l’article de Wikipédia en anglais intitulé « <a class="external text" href="https://en.wikipedia.org/wiki/jQuery_UI?oldid=703414501">jQuery UI</a> » (<a class="external text" href="https://en.wikipedia.org/wiki/jQuery_UI?action=history">voir la liste des auteurs</a>).</li></ul>

<ul id="bandeau-portail" class="bandeau-portail"><li> Portail d’Internet </li> <li> Portail de la programmation informatique </li> <li> Portail des logiciels libres </li> </ul></div><div><div class="zim-footer">

Cet article est issu de <a class="external text" title="Dernière modification le 2025-03-25" href="https://fr.wikipedia.org/wiki/?title=JQuery_UI&oldid=224217161">Wikipédia</a>. Sauf mention contraire, le texte est disponible sous <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">Creative Commons Attribution-Share Alike 4.0</a>. Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.

</div>

</div></div>

</div>

</main>

</div>

</body></html>